<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="#">
			<!--普通文本框       value 文本框中的值-->
			账号： <input type="text" name="账号" value="请输入"/><br/>
			
			密码： <input type="password" name="pwd" value="请输入"/><br />
			
			<!--单选框      实现单选框，必须name要相同	checked="checked" 默认选择-->
			<!--提交后，保存在数据库中的是value值-->
			男： <input type="radio" name="sex" value="1" checked="checked"/>
			女： <input type="radio" name="sex" value="0"/><br />
		
			<!--多选框-->
			<!--提交后，保存在数据库中的是value值-->
			抽烟：<input type="checkbox" value="smoking"/>
			看书：<input type="checkbox" value="book" checked="checked"/>
			喝酒：<input type="checkbox" value="wink"/><br />
			<!--多行文本框      	value没有用    值要写在双标签中间  -->
			个人介绍：<textarea rows="15" cols="20" >请输入</textarea><br />
			
			<!--文件选择-->
			<input type="file" name="file" /><br />
			<!--隐藏框	作用：做项目修改时用-->
			<input type="hidden" name="sno" id="sno" value="20220507" /><br />
			<!--下拉框	selected="selected" 默认选择-->
			<!--提交后，保存在数据库中的是value值-->
			<select name="country">
				<option value="1">中国</option>
				<option value="2" selected="selected">美国</option>
				<option value="3">法国</option>
			</select>
		
			<!--提交按钮 -->
			<input type="submit" name="提交"/>
			<!--清除按钮 ，清空写好的内容-->
			<input type="reset" name="清除"/>
			<!--普通的按钮       没有提交数据功能		以后结合JS动态绑定事件使用-->
			<input type="button" name="but" id="but" value="提交" />
		</form>
	</body>
</html>
